<template>
  <div id="app">
    <!-- <HomeView/> -->
    <!-- <AboutView>
      <ul>
        <li>王者荣耀</li>
        <li>三角篓子</li>
      </ul>
      <table border="1" slot="game">
        <tbody>
          <tr>
            <td>666</td>
          </tr>
          <tr>
            <td>888</td>
          </tr>
        </tbody>
      </table>
    </AboutView> -->
    <!-- <div ref="box">888会改变接口是否健康</div> -->
    <ChaView>
      <template v-slot:one="{data}">
        <ul>
          <li>娱乐新闻</li>
          <li>惊天大瓜</li>
          <li>骇人听闻</li>
          {{ data }}
        </ul></template
      >
      <template v-slot:two>
        <ul>
          <li>军事新闻</li>
          <li>中日战争</li>
          <li>俄乌冲突</li>
        </ul></template
      >
      <template v-slot:three>
        <ul>
          <li>政治新闻</li>
          <li>中央人大</li>
          <li>总理退位</li>
        </ul></template
      >
    </ChaView>
  </div>
</template>

<script>
export default {
  // data() {
  //   return {
  //     num: 111,
  //     name:"十几个话费卡上升空间"
  //   };
  // },
  //   methods: {},
  //   beforeCreate() {
  //     console.log(this.num);
  //   },
  //   created() {
  //     console.log(this.num);
  //   },
  //   beforeMount() {
  //     console.log(this.num);
  //   },
  //   mounted() {
  //     console.log(this.num);
  //   },
  //   beforeUpdate() {
  //     console.log(this.$refs.box.textContent);
  //   },
  //   updated(){
  //     console.log(this.$refs.box.textContent);
  //   }
};
</script>

<style lang='less' scoped>
</style>